<script setup>
import { ref } from 'vue';

const columns = ref([
  {
    title: '验收员',
  },
  {
    title: '昵称',
  },
  {
    title: '验收题次',
  },
  {
    title: '通过题次',
  },
  {
    title: '驳回题次',
  },
  {
    title: '标注总数',
  },
  {
    title: '批注数',
  },
  {
    title: '操作',
  },
]);

const dataSource = ref([]);

const dataRangeOpts = ref([
  { label: '全部', value: 0 },
  { label: '数据通过', value: 1 },
  { label: '数据驳回', value: 2 },
]);

const dataRange = ref(0);

const dataFormatOpts = ref([]);

const dataFormat = ref('');
</script>

<template>
  <div>
    <a-form layout="inline" :colon="false">
      <a-form-item label="数据范围">
        <a-select v-model:value="dataRange" :options="dataRangeOpts"></a-select>
      </a-form-item>
      <a-form-item label="数据格式">
        <a-select v-model:value="dataFormat" :options="dataFormatOpts"></a-select>
      </a-form-item>
    </a-form>
    <a-button type="primary">导出数据</a-button>
  </div>
  <a-table :columns="columns" :data-source="dataSource"></a-table>
</template>
